<link rel="stylesheet" href="css/manger_question.css" />
<div class="questionmanger am-g am-g-fixed" ms-controller="manger_question">
	<div class="am-tabs am-u-sm-5" id="manger-question-tabs">
  			<ul class="am-tabs-nav am-nav am-nav-tabs am-nav-justify">
			    <li class="am-active"><a href="" data-tag-id='questions'>题型管理</a></li>
			    <li><a href="" data-tag-id='knowledgePoint'>知识点管理</a></li>
			    <li><a href="" data-tag-id='problemSolving'>解题技巧管理</a></li>
			</ul>
			<div class="am-tabs-bd">
			    <div class="am-tab-panel am-active">
			    	<ul class="my-panel-ul" ms-with="questions">
			    		<li ms-class="active : el.id == subId" ms-click='mangerItemClick' ms-attr-data-id='el.id'>{{el.title}}</li>
			    	</ul>
			    </div>
			    <div class="am-tab-panel">
			    	<ul class="my-panel-ul" ms-with="knowledgePoint">
			    		<li ms-class="active : el.id == subId" ms-click='mangerItemClick' ms-attr-data-id='el.id'>{{el.title}}</li>
			    	</ul>
			    </div>
			    <div class="am-tab-panel">
			    	<ul class="my-panel-ul" ms-with="problemSolving">
			    		<li ms-class="active : el.id == subId" ms-click='mangerItemClick' ms-attr-data-id='el.id'>{{el.title}}</li>
			    	</ul>
			    </div>
			</div>
		</div>
	
	<div class="am-u-sm-7 manger-question-detail">
		<!--左侧小指针-->
		<div class="pointer" ms-css-padding-top='pointerMarginTop'>
			<div>
				<span class="am-icon-caret-left"></span>
			</div>
		</div>
		<!--右侧具体内容-->
		<div class='content'>
			<!--上面标题-->
			<div class="titleArea">
				<span>{{contentTitle}}</span>
				<button type="button" class="am-btn"><span class="am-icon-plus-circle"></span> {{buttonText}}</button>
			</div>
			<!--下面具体内容，根据不同情境显示-->
			<div class="contentArea">
				<div class="questions" ms-visible='currentTagId == "questions"'>
					<div class="item" >
						<div class="title">单项选择题</div>
						<div class="button"><a>编辑</a>|<a>删除</a></div>
					</div>
					<div class="item" >
						<div class="title">单项选择题</div>
						<div class="button"><a>编辑</a>|<a>删除</a></div>
					</div>
					<div class="item" >
						<div class="title">单项选择题</div>
						<div class="button"><a>编辑</a>|<a>删除</a></div>
					</div>
					<div class="item" >
						<div class="title">单项选择题</div>
						<div class="button"><a>编辑</a>|<a>删除</a></div>
					</div>
					<div class="item" >
						<div class="title">单项选择题</div>
						<div class="button"><a>编辑</a>|<a>删除</a></div>
					</div>
					<div class="item" >
						<div class="title">单项选择题</div>
						<div class="button"><a>编辑</a>|<a>删除</a></div>
					</div>
					<div class="item" >
						<div class="title">单项选择题</div>
						<div class="button"><a>编辑</a>|<a>删除</a></div>
					</div>
					<div class="item" >
						<div class="title">单项选择题</div>
						<div class="button"><a>编辑</a>|<a>删除</a></div>
					</div>
					
				</div>
				<div class="tree" ms-visible='currentTagId == "knowledgePoint" || currentTagId == "problemSolving"'>
				<ul ms-repeat-el1='data'>
					<li class="parent_li">
						<span class="am-icon-plus-circle am-icon-sm"  ms-attr-data-id='el1.id'>
							<span class="title">{{el1.name}}</span>
							<span class="hoverArea">
								<a class="am-icon-plus-circle">&nbsp;添加</a>
								<a class="am-icon-edit">&nbsp;编辑</a>
								<a class="am-icon-times-circle-o">&nbsp;删除</a>
							</span>
						</span>
						<ul>
							<li class="parent_li" ms-repeat-el2='el1.data'>
								<span class="am-icon-plus-circle am-icon-sm" ms-attr-data-id='el2.id'>
									<span class="title">{{el2.name}}</span>
									<span class="hoverArea">
										<a class="am-icon-plus-circle">&nbsp;添加</a>
										<a class="am-icon-edit">&nbsp;编辑</a>
										<a class="am-icon-times-circle-o">&nbsp;删除</a>
									</span>
								</span>
								<ul>
									<li class="parent_li" ms-repeat-el3='el2.data'>
										<span class="am-icon-plus-circle am-icon-sm" ms-attr-data-id='el3.id'>
											<span class="title">{{el3.name}}</span>
											<span class="hoverArea">
												<a class="am-icon-plus-circle">&nbsp;添加</a>
												<a class="am-icon-edit">&nbsp;编辑</a>
												<a class="am-icon-times-circle-o">&nbsp;删除</a>
											</span>
										</span>
										<ul>
											<li class="parent_li" ms-repeat-el4='el3.data'>
												<span class="am-icon-plus-circle am-icon-sm" ms-attr-data-id='el4.id'>
													<span class="title">{{el4.name}}</span>
													<span class="hoverArea">
														<a class="am-icon-plus-circle">&nbsp;添加</a>
														<a class="am-icon-edit">&nbsp;编辑</a>
														<a class="am-icon-times-circle-o">&nbsp;删除</a>
													</span>
												</span>
											</li>
										</ul>
									</li>
								</ul>
							</li>
						</ul>
					</li>
				</ul>
				</div>
			</div>
		</div>
	</div>
</div>

<script type="text/javascript" src="js/manger_question.js"></script>